<template>
    <div>
        <h4>发表评论</h4>
        <hr>
        <textarea placeholder="请输入评论内容（最多输入120字）" maxlength="120" ></textarea>
        <mt-button type="primary" size="large">发表评论</mt-button>

        <div class="cmt-list">
            <div class="cmt-item">
                <div class="cmt-item-title">第一楼&nbsp;用户：匿名用户&nbsp;发表时间：2021-12-12 23:23:23</div>
                <div class="cmt-item-body">好好学习天天向上</div>
            </div>
            <div class="cmt-item">
                <div class="cmt-item-title">第二楼&nbsp;用户：匿名用户&nbsp;发表时间：2021-12-12 23:23:23</div>
                <div class="cmt-item-body">好好学习天天向上</div>
            </div>
        </div>

        <mt-button type="danger" size="large" plain>加载更多</mt-button>
    </div>
</template>

<script>
export default {
    data(){
        return {}
    },
    created(){

    },
    methods:{
        
    }
    
}
</script>

<style lang="scss" scoped>
textarea{
    font-size: 14px;
    padding : 8px;
    margin-bottom:8px
}
.cmt-list{
    padding-top: 5px ;
    .cmt-item{
        padding: 3x;
        .cmt-item-title{
            
            line-height: 30px;
            font-size: 14px;
            background-color: #f1f1f1;
        }
        .cmt-item-body{
            text-indent: 2em;
            font-size: 14px;
            padding: 3px;
        }
    }
}
</style>